<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>局部组件5</title>
</head>
<body>
<div id="app">
    <!-- <human-com></human-com> -->
    <router-link to="/human">human</router-link>
    <router-view></router-view>
</div>

<template id="humanTem">
    <div>
        humanCom
    </div>
</template>

<script src="../js/vue.js"></script>
<script src="../js/vue-router.js"></script>
<script>
    let humanCom = {
        template: `#humanTem`
    }

    let router = new VueRouter({
        routes: [{
            path: `/human`,
            component: humanCom
        }]
    })
    const APP = new Vue({
        el: `#app`,
        // components: {
        // 	humanCom
        // },
        router: router
    })
</script>

</body>
</html>
